<!--
 * @Description: 
 * @Author: lz
 * @Date: 2022-12-23 19:24:48
 * @LastEditTime: 2022-12-24 12:13:16
 * @LastEditors: lz
-->
<template>
  <el-dialog class="dialog-container" top="20vh" :title="dialogTitle" :visible="dialogVisible" :width="dialogWidth" :show-close="showClose" @close="$emit('update:dialogVisible', false)" destroy-on-close>
    <div class="content">
      <slot name="content"></slot>
    </div>
    <span slot="footer" class="dialog-footer">
      <slot name="footer"></slot>
    </span>
  </el-dialog>
</template>
<script>
export default {
  props: {
    dialogVisible: {
      type: Boolean,
      default: false
    },
    dialogTitle: {
      type: String,
      default: ''
    },
    dialogWidth: {
      type: String,
      default: '739px'
    },
    showClose: {
      type: Boolean,
      default: false
    }
  }
}
</script>
<style lang="scss">
.dialog-container {
  .el-dialog {
    background: rgba(255, 255, 255, 1);
    border-radius: 14px 14px 14px 14px;
  }
  .el-dialog__header {
    padding: 0;
    padding-left: 21px;
    padding-top: 16px;
    padding-bottom: 11px;
    border-bottom: 1px solid rgba(206, 206, 206, 1);
    font-size: 16px;
    font-family: Source Han Sans CN-Medium, Source Han Sans CN;
    font-weight: 500;
    color: #333333;
    line-height: 0px;
  }
  .el-dialog__body {
    padding: 0;
    padding-left: 32px;
    padding-top: 28px;
    padding-bottom: 85px;
    .content {
    }
  }
  .el-dialog__footer {
    padding-right: 42px;
    padding-bottom: 49px;
  }
}
</style>
